<ion-header>
    <ion-toolbar no-border-bottom color="primary">
        <ion-buttons slot="start">
            <ion-back-button></ion-back-button>
        </ion-buttons>
        <ion-searchbar [(ngModel)]="queryText" placeholder="请输入查询内容"></ion-searchbar>
        <ion-buttons slot="end">
            <ion-button (click)="onQueryBtnClick()">
                <ion-icon slot="icon-only" name="search"></ion-icon>
            </ion-button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>

<ion-content padding>

    <!-- <ion-refresher (ionRefresh)="doDownRefresh($event)">
    <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="下拉刷新" refreshingSpinner="circles" refreshingText="正在加载数据...">
    </ion-refresher-content>
  </ion-refresher>
-->
    <ion-list>
        <ion-item *ngIf="items.length == 0">
            <span style="width:200px;text-align:center;color:Red;margin: 0px auto">暂无数据</span>
        </ion-item>
        <ion-item *ngFor="let item of items" (click)="goToDetails(item.tid,item.tname)">

            <ion-label>{{item.ttitle}}</ion-label>
            <ion-label slot="end" style="max-width: 65px;font-size: 8px;" *ngIf="item.tname == 'article'">图文信息</ion-label>
            <ion-label slot="end" style="max-width: 65px;font-size: 8px;" *ngIf="item.tname == 'video'">视频信息</ion-label>
            <ion-label slot="end" style="max-width: 65px;font-size: 8px;" *ngIf="item.tname == 'bank'">金融机构</ion-label>
            <ion-label slot="end" style="max-width: 65px;font-size: 8px;" *ngIf="item.tname == 'company'">企业信息</ion-label>
            <ion-label slot="end" style="max-width: 65px;font-size: 8px;" *ngIf="item.tname == 'consultant'">顾问信息</ion-label>
        </ion-item>
    </ion-list>

    <ion-infinite-scroll (ionInfinite)="doUpRefresh($event)">
        <ion-infinite-scroll-content loadingText="正在加载数据" loadingSpinner="bubbles"></ion-infinite-scroll-content>
    </ion-infinite-scroll>
</ion-content>